/* here is player.less */

/*
*  Player
*/
.video-page{
    background: #fcfcfc;
}

.mediaPlayerWrap {
    margin-top: 10px;
}
/*
 * live_room  livae.candal
 */

#JWPlayerHTML4{
    display: block;
    height:479px;
}




.video-anlyze{
    #grid940 > .column-no-margin(4);
    height:479px;
    margin-left:0;
    background: @SecondaryAccentColor;
    .nav-tabs-wrapper{
        margin:0;
        position: relative;
        top:0;
        left:0;
        width:auto;
        background: #212223;
        border-bottom:1px solid #2d2e2f;
        li{
            margin-bottom:0;
            width: 25%;
            text-align: center;
            a{
                font-size: 12px;
                // height:50px;
                line-height: 30px;
                background: transparent;
                margin-right: 0;
                border-bottom:3px solid transparent;
                color:#BABABA;
                .ico{
                        margin:0 auto;
                      
                }
            }
            &.active a{
                color:#fcfcfc;
                // background: darken(@ThirdAccentColor, 10%);
                 border-bottom:3px solid transparent;
            }
        }

    }
    .sider-right{
        #grid940 > .column-no-margin(4);
        display: block;
        .accordion-heading{
            display: none;
        }
        .tab-pane{

        }
    }

        .min-comments .comment-list{
            height: 100%;
            overflow: auto;
            .lj-stip{
                top:0;
            }
            .lj-ok{
                left:100px;
            }
            .lj-content{
                .con{
                    margin:0;
                }
            }

        }


}
.live-wrapper{
    border:none;

    .live-coments{
        .nav-tabs-wrapper{
            li{
                width: 25%;
                text-align: center;
            }
        }
    }

    .live-infos,
    .live-coments{
        .nav-tabs-wrapper{
            position: static;
            top:0;
            right:0;
            width: auto;
            margin:0;
            background: @ThirdAccentColor;
            li{
                margin-bottom:0;

                a{
                    font-size: 12px;
                    height:50px;
                    background: @ThirdAccentColor;
                    margin-right: 0;
                    border-bottom:3px solid transparent;
                    &:hover{
                        border-bottom:3px solid @AccentColor;
                    }
                    
                    color:@white;
                    min-width: 34px;
                    .ico{
                        margin:0 auto;
                    }
                }
                &.active a{
                    // background: darken(@ThirdAccentColor, 10%);
                    border-bottom:3px solid @AccentColor;
                }
            }
            .togglePlayer{
                display: none;
            }

        }
    }
    .live-lists{
        height: @live-wrapper-height - @navtab-height ;
        .accordion-heading .accordion-toggle{
            padding:5px;
        }
        .accordion-heading{
            border:none;
            border-bottom:1px solid @grayLighter;
        }
    }
    #onlineUsers,
    #attachments,
    #livePlayInfos{

        height:@live-wrapper-height - @navtab-height ;

    }
    .live-coments{
        .accordion-heading {
            display: none;
        }
    }
}

.video-coments {
    .accordion-heading{
        display: none;
    }
    .accordion-group{
        border-color:transparent;
    }
    .accordion-inner{
        border:none;
    }

}



// .video-recomands{
//      #grid940 > .column(4);
//      float:left;
// }


.video-anlyze .nav-tabs-wrapper li a{
    // height:auto;
    height: 100%;
    padding:3px 12px;
}

.live-wrapper .live-infos .nav-tabs-wrapper li a, 
.live-wrapper .live-coments .nav-tabs-wrapper li a{
     height:auto;
}




/* 
*  toggle-info
*/


.toggle-info-btn {
    // background:data-uri(%("../%simages/drawer_shadeshow.png",@customImgPath)) center center no-repeat;
    display: block;
    height: 20px;
    position: relative;
    top: -10px;
    text-indent: -10000px;
    margin-top:10px;



}

/* 
*  video-tools-bar
*/

.video-tools-bar{
    position:relative;
    // background:darken(@white, 10%);
   // border-top:3px solid @boxHeadBackgroundColor;
    padding:10px 0 0 0 ;
    text-align: center;
    margin: 0 auto;


    //.buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));
    //border: 1px solid @btnBorder;
    //*border: 0; // Remove the border to prevent IE7's black border on input:focus
    //border-bottom-color: darken(@btnBorder, 10%);
    //.border-radius(@baseBorderRadius);
    //.ie7-restore-left-whitespace(); // Give IE7 some love
    //.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");


    &:after {
        clear: both;
    }
    .operate.btn{
        padding: 0 5px;
    }
    .share_code {
        margin: 0;
        display:inline-block;
        .ie7-inline-block();
    }
    .tools_inline {
        line-height: 40px;
    }

    .SwitchBitrate-lists{
       display: inline-block;
       select{
        margin:0;
       }
    }
    .toggle-info{
        margin-top:10px;
        padding-top:10px;
        border-top:@dddGray;
        text-align: justify;

        p{
            margin:5px 10px;
        }
    }
    .toggle-info-btn{
        top:0;
    }
    .add_2_my_album {
        display:inline-block;
        .ie7-inline-block();
    }

    .share_it_content {
        margin-bottom: 0;
    }
    .icon-white,
    .icon{
        vertical-align: middle;
        // margin-top: -5px;
        margin-right:2px;
    }
}


#markingMark{
    display:inline-block;
    .ie7-inline-block();
}


/* 
*  mark score
*/
.dropdown-menu li{
    text-align: left;
}

.mark-score-wrapper {
    position:relative;
}
.mark-score {
    width: 160px;
    margin-top: 5px;
    margin-right: 5px;
    text-align: right;
    
    .icon-white,
    .icon{
        margin-top:3px;
    }

}
.mark_score_group_small {
    display: inline-block;
    .ie7-inline-block();
    .icon-white,
    .icon{
        margin-top:3px;
    }
}





/*
 * add score


.input-small {
    width:20%;
    border:1px solid #cbcbcb;

}
.input-little{
    width:30px;
}

.ico_up_small,
.ico_up {
    position: relative;
    .sprite(@thumb_up_active);
    margin-right: 20px;
    text-indent:999em;
    margin-top: -2px;
    cursor:pointer;
}

    .ico_up.unpush {
        .sprite(@thumb_up);
    }

.ico_up_small {
    .sprite(@thumb_up_active_s);
}

    .ico_up_small.unpush {
        .sprite(@thumb_up_s);
    }

.pushup_count {
    // position: absolute;
    // top: 5px;
    // right: 2px;
    width: 20px;
    font-size:12px;
    text-align: center;

}
 */

/*
*  video infos , subject infos
*/
.video_infos {
    width: 236px;
    height: 479px;
    float: right;
    border-left: 1px solid @boxBorderColor;
}

.video-info-more li {
    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-top: 3px;
}

.hehe {
    background: #fff;
}

.hehe .nav-tabs {
    background: #f5f5f5;
}


.videoplay_info{
    overflow: hidden;
    margin-left:0;
    list-style: none;
    &>li{
        margin: 4px 0;
        overflow: hidden;
    }
     li {
        
        // margin-left: 10px;
        &.avatar{
            margin-left: 0;
            float:left;
            img{
                width: @avatar-photo-width;
                height: @avatar-photo-height;
            }

        }
        .ico{
            display: inline-block;
            .ie7-inline-block();
            position: relative;
            top:3px;
        }
        b{ 
            display: block;
            width: 80px;
            float: left;
            text-align: right;
            text-justify: distribute-all-lines;
            text-align-last: right;
            -moz-text-align-last: right;
            -webkit-text-align-last: right;
            font-weight: normal;
            color: #bababa;

        }
        .video-attachment{
            li{
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                .ico{
                    vertical-align: bottom;
                }
            }
        }
       
    }
    &.no-avatar{

        li{
            margin-left:0;
            width:180px;
            vertical-align: top;
            display: inline-block;
            .ie7-inline-block();
            overflow: hidden;
            &.w100{
                width:100%;
            }
        }

    }
}

.video-info-pills{
    margin-left:0;
    overflow: hidden;
    list-style: none;
    &.col5{
        li{
            width:18%;
        }
            
    }
    li{
        float:left;
        width:24%;
        
        text-align: center;
        margin-top:25px;
        p{
            margin-top:10px;
        }
        b{
            font-size: 24px;
        }
        &.avatar{
            margin-left: 10px;
            margin-top:10px;
            float:left;
            img{
                width: @avatar-photo-width;
                height: @avatar-photo-height;
            }

        }

        &.divid{
            background:darken(@grayLighter, 10%);
             margin: 30px 0;
              width: 2px;
              height: 50px;
        }
    }
}

.label_inline {
    display: inline-block;
    *display: inline;
}

.ic-txt-icon{
    .sprite(@ic_txt)
}
.ic-rar-icon{
    .sprite(@ic_rar)
}
.ic-office-icon{
    .sprite(@ic_office)
}
.ic-photo-icon{
    .sprite(@ic_photo)
}
.ic-unknow-icon{
    .sprite(@ic_unknow)
}






/* 
*  livePlay livPlayInfo
*/

.livPlayInfo {
margin-bottom: 0;
}

.livPlaybaseInfo {
margin-bottom: 0;
}

.livPlaybaseInfo .body {
min-height: 80px;
}

.livPlaybaseInfo .baseinfo {
margin: 10px;
margin-top: 0;
}

#live_login_mask {
    position:absolute;
    z-index: 101;
}


.livePlayContainer {
background: #ddd;
height: 402px;

}

.live_control_panel {
position: relative;
margin-top: 0;
padding: 3px;
margin-bottom: 10px;
}

.live-btn-group {
margin: 3px;
text-align: justify;
overflow: hidden;
/*  list-style:none;
position: absolute;
right: -30px;
width: 150px;
top: -80px;
text-align: right;*/
}

.live-btn-group li {
list-style: none;
margin-left: 0;
display: inline-block;
*display: inline;
}

.live-btn-group li a {
display: block;
margin: 0;
.icon{
    position: relative;
    top:2px;
}
}
/*
.live-btn-group li a{display:block;width:180px;height:40px;background-position:10px 2px;text-indent:40px;line-height:40px;margin:0;}
.live-btn-group li a i{display:block;vertical-align:text-top;width:40px;height:40px;}*/
/*.btn-stop{background:url("img/youku/stop.png") no-repeat;}
.btn-start{background:url("img/youku/start.png") no-repeat;}
.btn-live{background:url("img/youku/live.png") no-repeat;}
.btn-avalive{background:url("img/youku/avalive.png") no-repeat;}
.btn-none{background:url("img/youku/none.png") no-repeat;}*/






/*
*  accordion
*/


#collapseTimeInfoSWAttachment.accordion {
    height: 260px;
    border-bottom: 1px solid #ddd;
}

#collapseTimeInfoSWAttachment .accordion-inner {
    height: 172px;
    overflow: auto;
    overflow-x: hidden;
}

.video_infos .accordion .body {
    min-height: 479px;
}


#collapseSW .accordion-inner,
#collapseTimeInfo .accordion-inner {
    overflow: auto;
    overflow-x: hidden;
}

#slide-con_AlbumInfo .accordion-inner ul {
    list-style: none;
}
